<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./assets/css/global.css">
    <link rel="stylesheet" href="./assets/css/styles.css">
</head>

<body>
    <div class="verify-btn">点击验证</div>
    <div class="verify-session">
        <div class="title">安全验证</div>
        <div class="content">拖动滑块，使图片角度为正</div>
        <div class="img-session">
            <img src="" alt="验证图片" srcset="" class="verify-image">
            <svg t="1700235750509" class="icon-success" viewBox="0 0 1462 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="17463" width="200" height="200">
                <path
                    d="M1211.65168072 141.21142578c15.15642473 0 27.76323626 5.00034897 37.89106111 15.0081093C1259.59287778 166.37561011 1264.60735221 179.03186035 1264.60735221 194.181222c0 14.85979388-5.06391242 27.36772796-15.27648926 37.5238037l-635.69405708 635.63755601C603.47366774 877.63284745 590.90216949 882.78857422 575.99999999 882.78857422c-14.88804405 0-27.47366775-5.15572678-37.66505678-15.45305559L220.48791502 549.67211914C210.29652601 539.36772796 205.21142577 526.85979388 205.21142577 512c0-15.15642473 5.00034897-27.81267425 15.11404838-37.96168763C230.38973556 464.03055277 243.01067253 459.03020379 258.15297181 459.03020379c14.92335732 0 27.4877932 5.00034897 37.68624386 15.30473943L575.99999999 754.92654838l597.97956159-598.41744552C1184.1780137 146.21883713 1196.75657431 141.21142578 1211.65168072 141.21142578"
                    p-id="17464" fill="#e6e6e6"></path>
            </svg>
            <svg t="1700236232513" class="icon-error" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="2138" width="200" height="200">
                <path
                    d="M836.45483398 141.21142578c13.27423096 0 24.34844947 4.32586646 33.13366699 13.1852417C878.35394287 163.25109864 882.7935183 174.27093506 882.7935183 187.55999756c0 12.9776001-4.48901344 23.99743653-13.36816429 32.85681176L577.51092529 512l291.91442872 291.47936988c8.87915016 8.85937523 13.3681643 19.87921166 13.36816429 32.96063256 0 13.1852417-4.43957543 24.30889893-13.20007323 33.06445336-8.79016089 8.85443115-19.86438012 13.28411842-33.13861109 13.28411842-13.07153344 0-24.02215553-4.53350806-32.95074438-13.49670411L512 577.50598121l-291.5040896 291.78588891c-8.90881324 8.96319604-19.87426758 13.49670411-32.96063184 13.4967041-13.2643435 0-24.31878638-4.42968727-33.14355517-13.2890625C145.6262815 860.74890136 141.21636987 849.62524414 141.21636987 836.44000244c0-13.08142089 4.45935035-24.10125732 13.36816358-32.96063256L446.47918725 512 154.58453345 220.41186523C145.67572021 211.56237817 141.21636987 200.53759766 141.21636987 187.56494164c0-13.2890625 4.40991234-24.30889893 13.17535352-33.16333008C163.21649146 145.53729224 174.26599097 141.21142578 187.53527856 141.21142578c13.08142089 0 24.05181861 4.42968727 32.96063184 13.38793922L512.00494408 446.39514136l291.50408889-291.78588819C812.43267846 145.63616968 823.37835718 141.21142578 836.45483398 141.21142578"
                    p-id="2139"></path>
            </svg>
        </div>

        <div class="slider-region">
            <div class="slider">
                <svg t="1700229812675" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="10466" width="200" height="200">
                    <path
                        d="M896 544 128 544C110.32 544 96 529.68 96 512 96 494.32 110.32 480 128 480L896 480C913.68 480 928 494.32 928 512 928 529.68 913.68 544 896 544ZM896 224 128 224C110.32 224 96 209.68 96 192 96 174.32 110.32 160 128 160L896 160C913.68 160 928 174.32 928 192 928 209.68 913.68 224 896 224ZM128 800 896 800C913.68 800 928 814.32 928 832 928 849.68 913.68 864 896 864L128 864C110.32 864 96 849.68 96 832 96 814.32 110.32 800 128 800Z"
                        p-id="10467">
                    </path>
                </svg>
            </div>
        </div>
        <span class="change">切换图片</span>
    </div>
    <div class="cover"></div>

    <script>
        document.onselectstart = () => false;

    </script>
    <script src="./verify.js"></script>
</body>

</html>